<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="app-badge">
        <a class="goBack pd25" href="mine.html">
            <i class="iconfont icon-zuojiantou"></i>
        </a>
        <div class="myBadge">
            <div class="myB-left">
                <div class="myB-lef-top">
                    我的徽章
                </div>
                <div class="myB-lef-bottom">
                    MY BADGES
                </div>
            </div>
            <div class="myB-right">
                <div class="myB-rig-top">
                    今日排名
                </div>
                <div class="myB-rig-bottom">9</div>
            </div>
        </div>
        <div class="badge pd25">
            <div class="aBadge">
                <img src="../imgs/mybadge01.jpg" alt="" class="img">
                <div class="aBa-text">连续训练天数</div>
            </div>
            <div class="aBadge">
                <img src="../imgs/mybadge01.jpg" alt="" class="img">
                <div class="aBa-text">连续训练天数</div>
            </div>
            <div class="aBadge">
                <img src="../imgs/mybadge01.jpg" alt="" class="img">
                <div class="aBa-text">连续训练天数</div>
            </div>
            <div class="aBadge">
                <img src="../imgs/mybadge01.jpg" alt="" class="img">
                <div class="aBa-text">连续训练天数</div>
            </div>
            <div class="aBadge">
                <img src="../imgs/mybadge01.jpg" alt="" class="img">
                <div class="aBa-text">连续训练天数</div>
            </div>
            <div class="aBadge">
                <img src="../imgs/mybadge01.jpg" alt="" class="img">
                <div class="aBa-text">连续训练天数</div>
            </div>
            <div class="aBadge">
                <img src="../imgs/mybadge01.jpg" alt="" class="img">
                <div class="aBa-text">连续训练天数</div>
            </div>
            <div class="aBadge">
                <img src="../imgs/mybadge01.jpg" alt="" class="img">
                <div class="aBa-text">连续训练天数</div>
            </div>
            <div class="aBadge">
                <img src="../imgs/mybadge09.jpg" alt="">
            </div>

        </div>
        <div class="mask">
            <a class="goBack pd25" href="badge.html">
                <i class="iconfont icon-zuojiantou"></i>
            </a>
            <div class="aBadge">
                <img src="../imgs/mybadge01.jpg" alt="" class="img">
                <div class="aBa-text">连续3天徽章</div>
                <div class="aBa-text2">连续训练3天所得</div>
                <div class="aBa-text-agin">2022.2.2获得</div>
            </div>
        </div>
    </div>
</body>

</html>